
#favor {
  position: absolute;
  top: 0;
  bottom: 0;
  width: $sideWidth;
  overflow: auto;
  border-right: 1px solid $lightFontColor;
  @include animation(.3,.1);

  &.opened{
    left: 0;
  }

  &.closed{
    left: - $sideWidth;
  }

  & > ul{
    list-style: none;
    padding: 0;
    margin: 0;
    color: $lightFontColor;

    & > li{
      @include animation(.2,0);

      &:hover{
        color: $gobalBackgoundColor;
        cursor: pointer;

        .favor_icon{
          font-size: 48px;
        }
      }
    }
  }

  .favor_icon,
  .favor_text{
    display: block;
    padding-left: $gobalCommonGap;
    padding-right: $gobalCommonGap;
    text-align: center;
  }

  .favor_icon{
    font-size: 40px;
    line-height: 1;
  }

  .favor_text{
    font-size: $smallFontSize;
    border-bottom: 1px solid $lightFontColor;
    line-height: 1.5;
  }
}